﻿<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>BLOG</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/responsive.css">
        <script src="js/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->

        <header>
            <div class="top-bar gray-3d-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="top-contact-info">
                                <span class="work-sans fz-13 lh-50"><img src="img/phone.png" alt=""> + 124 45 78 678 </span>
                                <span class="work-sans fz-13 lh-50"><img src="img/mail.png" alt=""> Support@mail.com</span>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 social-login">
                            <div class="top-social display-ib">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                <a href="#"><i class="fa fa-linkedin"></i></a>
                            </div>
                            <div class="top-login display-ib lh-50">
                                <img src="img/login.png" alt="">
                                <span class="white">
                                    <a href="#">Login</a> /
                                    <a href="#"> Register</a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-nav-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="man-nav">
                                <nav class="navbar navbar-default no-margin">
                                      <div class="navbar-header">
                                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                          <span class="sr-only">Toggle navigation</span>
                                          <span class="icon-bar"></span>
                                          <span class="icon-bar"></span>
                                          <span class="icon-bar"></span>
                                        </button>
                                      </div>
                                      <div id="navbar" class="navbar-collapse collapse no-margin no-padding">
                                        <div class="col-md-7 col-sm-7">
                                            <ul class="nav navbar-nav">
                                              <li><a href="index.html">Home</a></li>
                                              <li><a href="about.html">About</a></li>
                                              <li><a class="" href="gallery.html">Galley </a></li>
                                              <li><a class="" href="match-fixtures.html">Fixtures</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-md-5 col-sm-5">
                                            <ul class="nav navbar-nav pl-50">
                                                <li class="dropdown active">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                  <li><a href="blog.html">Blog</a></li>
                                                  <li><a href="blog-single.html">Blog Single</a></li>
                                                </ul>
                                              </li>
                                                <li class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                    <li><a href="match-report.html">Match Report</a></li>
                                                    <li><a href="404.html">404 Page</a></li>
                                                </ul>
                                              </li>
                                              <li class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Shop  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                  <li><a href="shop.html">Shop</a></li>
                                                  <li><a href="shop-single.html">Shop Single</a></li>
                                                  <li><a href="my-cart.html">My Cart</a></li>
                                                  <li><a href="checkout.html">Checkout</a></li>
                                                </ul>
                                              </li>
                                              <li><a href="contact.html">Contact</a></li>
                                            </ul>
                                        </div>
                                      </div><!--/.nav-collapse -->
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <div class="page-title blog-title">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12 text-center p-static">
                <div class="page-heading">
                  <h2 class="white text-uppercase fz-36 ls-2">Latest News</h2>
                  <h6 class="work-sans fz-15 white mt-20">Home   <span class="mlr-10"> / </span>  BLOG</h6>
                </div>
              </div>
            </div>
          </div>
        </div>


        <div class="container">
			<div class="row mt-100 pb-150">
				<div class="col-md-8 col-sm-7 mt-50">
				<div class="blog-post">
					<div class="lu-img">
						<img class="img-responsive" src="img/b1.jpg" alt="">
						<div class="lu-content">
							<span class="likes work-sans text-semi-bold fz-12 white"><img src="img/heart-circle.png" alt=""> 10 Likes</span>
							<span class="comment work-sans text-semi-bold fz-12 white"><img src="img/comment-circle.png" alt=""> 10 Comments</span>
							<div class="share display-ib">
								<span><img src="img/share.png" alt=""></span>
								<ul class="display-ib list-inline">
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="lu-details white-bg">
						<h6 class="work-sans gray-777">
							<span>By - <span class="yellow">Will Smith</span>  <span class="space">|</span></span>
							<span>Date - <span class="yellow">12 - 12 -2017</span><span class="space">|</span></span>
							<span>Tags - <span class="yellow">Football, Tournament, Sports</span></span>
						</h6>
						<h5 class="fz-16 gray-de text-uppercase mt-20 ls-1">CHAMPIONS LEAGUE FANTASY</h5>
						<p class="fz-13 lh-25 mt-15">We finally got a piece of the pie. Its mission - to explore strange new worlds to seek out new life and new civilizations to boldly go where no man has gone before. The mate was a mighty sailin' man the Skipper brave and sure. Five passengers set sail that day for a three hour tour a three hour tour.</p>
						<div class="mt-30">
							<a href="#" class="btn-y-outline-lg work-sans fz-12">Read More</a>
						</div>
					</div>
				</div>
				<div class="blog-post mt-60">
					<div class="lu-img">
						<img class="img-responsive" src="img/b2.jpg" alt="">
						<div class="lu-content">
							<span class="likes work-sans text-semi-bold fz-12 white"><img src="img/heart-circle.png" alt=""> 10 Likes</span>
							<span class="comment work-sans text-semi-bold fz-12 white"><img src="img/comment-circle.png" alt=""> 10 Comments</span>
							<div class="share display-ib">
								<span><img src="img/share.png" alt=""></span>
								<ul class="display-ib list-inline">
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="lu-details white-bg">
						<h6 class="work-sans gray-777">
							<span>By - <span class="yellow">Will Smith</span>  <span class="space">|</span>  </span>
							<span>Date - <span class="yellow">09 - 11 -2017</span><span class="space">|</span> </span> 
							<span>Tags - <span class="yellow">Football, Tournament, Sports</span></span>
						</h6>
						<h5 class="fz-16 gray-de text-uppercase mt-20 ls-1">Domestic Football Teams Meet</h5>
						<p class="fz-13 lh-25 mt-15">Were gonna do it. Give us any chance well take it. Give us any rule we'll break it. We're gonna make our dreams come true. So join us here each week my friends you're sure to get a smile from seven stranded castaways here on Gilligans Isle. As long as we live its you and me baby there ain't nothing.</p>
						<div class="mt-30">
							<a href="#" class="btn-y-outline-lg work-sans fz-12">Read More</a>
						</div>
					</div>
				</div>
				<div class="blog-post mt-60">
					<div class="lu-img">
						<img class="img-responsive" src="img/b3.jpg" alt="">
						<div class="lu-content">
							<span class="likes work-sans text-semi-bold fz-12 white"><img src="img/heart-circle.png" alt=""> 10 Likes</span>
							<span class="comment work-sans text-semi-bold fz-12 white"><img src="img/comment-circle.png" alt=""> 10 Comments</span>
							<div class="share display-ib">
								<span><img src="img/share.png" alt=""></span>
								<ul class="display-ib list-inline">
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="lu-details white-bg">
						<h6 class="work-sans gray-777">
							<span>By - <span class="yellow">Will Smith</span>  <span class="space">|</span>  </span>
							<span>Date - <span class="yellow">23 - 10 -2017</span><span class="space">|</span>  </span>
							<span>Tags - <span class="yellow">Football, Tournament, Sports</span></span>
						</h6>
						<h5 class="fz-16 gray-de text-uppercase mt-20 ls-1">League Match Final for Junior Trophy</h5>
						<p class="fz-13 lh-25 mt-15">Here he comes Here comes Speed Racer. He's a demon on wheels. And we'll do it our way yes our way. Make all our dreams come true for me and you. Boy the way Glen Miller played. Songs that made the hit parade. Guys like us we had it made. Those were the days a crack commando unit was sent.</p>
						<div class="mt-30">
							<a href="#" class="btn-y-outline-lg work-sans fz-12">Read More</a>
						</div>
					</div>
				</div>
              
				<div class="blog-post mt-60">
					<div class="lu-img">
						<img class="img-responsive" src="img/b4.jpg" alt="">
						<div class="lu-content">
							<span class="likes work-sans text-semi-bold fz-12 white"><img src="img/heart-circle.png" alt=""> 10 Likes</span>
							<span class="comment work-sans text-semi-bold fz-12 white"><img src="img/comment-circle.png" alt=""> 10 Comments</span>
							<div class="share display-ib">
								<span><img src="img/share.png" alt=""></span>
								<ul class="display-ib list-inline">
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="lu-details white-bg">
						<h6 class="work-sans gray-777">
							<span>By - <span class="yellow">Will Smith</span>  <span class="space">|</span></span>  
							<span>Date - <span class="yellow">18 - 09 -2017</span><span class="space">|</span>  </span>
							<span>Tags - <span class="yellow">Football, Tournament, Sports</span></span>
						</h6>
						<h5 class="fz-16 gray-de text-uppercase mt-20 ls-1">Southern Super Cup Tournament Winner</h5>
						<p class="fz-13 lh-25 mt-15">Come and dance on our floor. Take a step that is new. We've a loveable space that needs your face threes company too? Movin' on up to the east side. We finally got a piece of the pie. We're gonna do it. On your mark get set and go now. Got a dream and we just know now we're gonna make our dream come true. Boy the way Glen Miller played.</p>
						<div class="mt-30">
							<a href="#" class="btn-y-outline-lg work-sans fz-12">Read More</a>
						</div>
					</div>
				</div>
				<ul class="gallery-num numbering mt-90 list-inline text-center">
					<li><a href="#">1</a></li>
					<li class="active"><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">Next<i class="fa fa-angle-double-right"></i></a></li>
				</ul>
            </div>
			
            <div class="col-md-4 col-sm-5 mt-50">
              <div class="sb-search">
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="Enter Keywords">
                  <a class="input-group-addon work-sans fz-13 text-semi-bold text-uppercase">Search</a>
                </div>
              </div>
              <div class="category mt-60">
                <h4 class="work-sans fz-20 text-semi-bold text-uppercase gray-de">News Categories</h4>
                <div class="category-inner mt-25">
                  <ul class="list-unstyled list-2">
                      <li><a class="work-sans fz-15 gray-777" href="#">League Matches<span class="pull-right">(18)</span></a></li>
                      <li><a class="work-sans fz-15 gray-777" href="#">Club Events <span class="pull-right">(14)</span></a></li>
                      <li><a class="work-sans fz-15 gray-777" href="#">Domestic Meets<span class="pull-right">(11)</span></a></li>
                      <li><a class="work-sans fz-15 gray-777" href="#">Trainee Challenge<span class="pull-right">(19)</span></a></li>
                  </ul>
                </div>
              </div>
              <div class="category mt-60">
                <h4 class="work-sans fz-20 text-semi-bold text-uppercase gray-de">Upcoming Matches</h4>
                <div class="category-inner mt-25">
                    <div class="upcomig-match clearfix">
                        <img src="img/um-1.jpg" alt="" class="pull-left">
                        <div class="pull-left">
                            <h6 class="mb-10 lh-26"><a href="#" class="work-sans fz-13 d-black">Make the best of things its an uphill climb his life support</a></h6>
                            <span class="work-sans text-medium fz-12 yellow text-uppercase">Dec 15, 2017</span>
                        </div>
                    </div>
                    <div class="upcomig-match mt-25 clearfix">
                        <img src="img/um-2.jpg" alt="" class="pull-left">
                        <div class="pull-left">
                            <h6 class="mb-10 lh-26"><a href="#" class="work-sans fz-13 d-black">If you have a problem if no one else can help and if you can find</a></h6>
                            <span class="work-sans text-medium fz-12 yellow text-uppercase">Jan 20, 2016</span>
                        </div>
                    </div>
                    <div class="upcomig-match mt-25 clearfix">
                        <img src="img/um-3.jpg" alt="" class="pull-left">
                        <div class="pull-left">
                            <h6 class="mb-10 lh-26"><a href="#" class="work-sans fz-13 d-black">Ever saw been in trouble with the law since the day he born</a></h6>
                            <span class="work-sans text-medium fz-12 yellow text-uppercase">Feb 26, 2016</span>
                        </div>
                    </div>
                </div>
              </div>
              <div class="category mt-60">
                <h4 class="work-sans fz-20 text-semi-bold text-uppercase gray-de">Popular Tags</h4>
                <div class="category-inner pp-tags mt-25">
                  <a href="#" class="fz-12 gray-777 text-uppercase">Foot Ball</a>
                  <a href="#" class="fz-12 gray-777 text-uppercase">Sports</a>
                  <a href="#" class="fz-12 gray-777 text-uppercase">Club</a>
                  <a href="#" class="fz-12 gray-777 text-uppercase">Tournaments</a>
                  <a href="#" class="fz-12 gray-777 text-uppercase">Team Players</a>
                  <a href="#" class="fz-12 gray-777 text-uppercase">Score</a>
                  <a href="#" class="fz-12 gray-777 text-uppercase">Winners</a>
                  <a href="#" class="fz-12 gray-777 text-uppercase">Fixuters</a>
                </div>
              </div>
              <div class="category mt-60">
                <h4 class="work-sans fz-20 text-semi-bold text-uppercase gray-de">Post Archives</h4>
                <div class="category-inner mt-25">
                  <ul class="list-unstyled list-2">
                      <li><a class="work-sans fz-15 gray-777" href="#">December 2017<span class="pull-right">(18)</span></a></li>
                      <li><a class="work-sans fz-15 gray-777" href="#">November 2017 <span class="pull-right">(14)</span></a></li>
                      <li><a class="work-sans fz-15 gray-777" href="#">October 2017<span class="pull-right">(11)</span></a></li>
                      <li><a class="work-sans fz-15 gray-777" href="#">September 2017<span class="pull-right">(19)</span></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>


        <footer>
            <div class="upper-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">About Us</h5>
                            <p class="mt-45 gray-999 fz-13">Aoluptas sit aspernatur aut odit aut fugit, sed elits quias consequuntur magni dolores eos qui ratione volust  luptatem sequi nesciunt. .</p>
                            <div class="f-social mt-35">
                                <ul class="list-inline">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-2">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">Links</h5>
                            <ul class="mt-45 iist-unstyled links">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">About us</a></li>
                                <li><a href="#">Services</a></li>
                                <li><a href="#">Portfolio</a></li>
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">Contact</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">Keep In touch</h5>
                            <div class="f-contact-info clearfix mt-45">
                                <img src="img/address.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Address : 44 New Design Street,<br> Melbourne 005</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/phone.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Phone : (01) 800 433 633</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/envelope.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Email : info@anous.com</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/fax.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Fax : (01) 800 854 633</span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">instagram feed</h5>
                            <div class="instagram-links mt-45">
                                <a href="#"><img src="img/f1.jpg" alt=""></a>
                                <a href="#"><img src="img/f2.jpg" alt=""></a>
                                <a href="#"><img src="img/f3.jpg" alt=""></a>
                                <a href="#"><img src="img/f4.jpg" alt=""></a>
                                <a href="#"><img src="img/f5.jpg" alt=""></a>
                                <a href="#"><img src="img/f6.jpg" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-3 col-sm-6">
                                <h4 class="white text-uppercase lh-90">Last <span class="yellow">Match</span></h4>
                            </div>
                            <div class="col-sm-6 last-match">
                                <span class="work-sans fz-14 text-bold white text-uppercase lh-90"><img src="img/f-team1.png" alt=""> AUTE</span>
                                <h4 class="lh-90 yellow text-bold display-ib">1:2</h4>
                                <span class="work-sans fz-14 text-bold white text-uppercase lh-90"><img src="img/f-team2.png" alt=""> Dolor</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h4 class="work-sans fz-16 text-medium text-uppercase white lh-90 display-ib">News <span class="yellow"> Letters</span></h4>
                        <div class="input-group">
                          <input type="email" class="form-control" placeholder="Email">
                          <div class="input-group-addon"><a class="work-sans text-semi-bold fz-11 white text-uppercase" href="#">Subscribe</a></div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="copy-rights">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <p class="raleway text-semi-bold fz-12 gray-ccc ls-1">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        
        <script src="js/jquery-1.12.4.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/owl.carousel.js"></script>
        <script src="js/jquery.countdown.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>

